<style>
    * {
        margin: 0;
        padding: 0;
    }
    .modal-header {
        min-height: 16.43px;
        padding: 15px;
        border-bottom: none;
    }
    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: none;
    }
    .modal{
        overflow: auto !important;
    }
</style>

<section style="border-bottom: 1px solid #e5e5e5;height: 50px">
    <div style="height: 100%;width: 100%;" >
        <h1 style="display:inline-block;margin-left: 30px;margin-top: 10px;font-size: 25px">资讯文章管理</h1>

        <button id="consultationArticle" class="btn btn-primary" style="float: right;margin-top: 10px;margin-right: 20px">新&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;增</button>

    </div>
</section>


<section class="divclass">
    <div id="divid" style="margin-left: 30px">
        <br/>
        <div id="realdiv">
            <input type="text" class="form-control" id="searchContent" style="width: auto;height: auto;float: left" placeholder="资讯标题">
        <span id="spanid">
            <button id="searchid" class="btn btn-primary" style="margin-left: 40px;" >
                搜索
            </button>
        </span>
        </div>
    </div>
</section>

<section class="content" style="padding-top: 0px">
    <div class="role_content">
        <table class="table_list" id="table_my_toast"></table>
        <!-- 分页框 -->
        <div class="page_control" id="paging_my_toast"><ul></ul></div>
    </div>
</section>


<!-------------------- 新增按钮弹出模态框 --------------------->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
    <div class="modal-dialog" style="width: 65%">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" id="close1"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    新增资讯
                </h4>
            </div>

            <!-------------------------------中间body部分---------------------------------->
            <div class="modal-body">
                <!--------------资讯作者---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;text-align: right">
                        <span>资讯作者:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;border-radius: 5px">
                        <input  style="height:30px;width: 95%; border: 1px solid grey;" id="acticle_actor" name="acticle_actor" type="text" />
                    </div>
                </div>
                <!--------------咨询标题---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;text-align: right">
                        <span>资讯标题:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;border-radius: 5px">
                        <input  style="height:30px;width: 95%; border: 1px solid grey;" id="acticle_title" name="name" type="text" />
                    </div>
                </div>
                <!--------------咨询类别---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;text-align: right">
                        <span>资讯类别:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <select  class="form-control"  style="border: 1px solid grey;width: 95%;" id="category">

                        </select>
                    </div>
                </div>
                <!--------------培训课程---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;text-align: right">
                        <span>培训课程:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <select  class="form-control"  style="border: 1px solid grey;width: 95%;" id="train">

                        </select>
                    </div>
                </div>

                <!--------------咨询封面---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;text-align: right">
                        <span>资讯封面:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px">
                        <div id="picList">
                            <img src="/images/addimg.png" class="addimage" style="height: 100px;width: 100px;border: 1px solid #e5e5e5" onclick="start()" id="upimgs" alt="封面">
                        </div>
                        <input style='display: none;' type="file" name="files[]" id='fileupload'>
                    </div>
                </div>

                <!--------------咨询内容---------------->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;text-align: right">
                        <span>资讯内容:</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <textarea name="content" id="content" style="width:95%;height:300px;" ></textarea>
                    </div>
                </div>
            </div>

            <!---------------------------------尾部保存操作-------------------------------->
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="add">
                    发&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;布
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>


<!--------------------文件上传------------------->
<script>
    function start(){
        $('#fileupload').click();
    }
    function touch() {
        $('#fileupload').click();
    }
</script>
<!--------------------富文本框------------------->
<script charset="utf-8" src="/plugins/kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="/plugins/kindeditor/lang/zh_CN.js"></script>
<script type="text/javascript">
    var editor;
    KindEditor.ready(function(K) {
        editor = K.create('textarea[name="content"]', {
            uploadJson : '../../upload',
            allowFileManager : true
        });
    });
</script>
